import styled from "styled-components";

export const Linwrap = styled.div`
  color: var(--linfontcolor);
  background-color: var(--lineback);
  margin-top: 50px;
  padding: 10px;
  .content {
    width: 65%;
    margin: 0px auto;
    & > .top {
      & > .title {
        font-size: 20px;
        font-weight: 600;
      }
      & > .shen {
        margin-top: 10px;
        color: red;
      }
      & > .tip {
        padding: 5px 10px;
        margin-top: 10px;
        background-color: var(--linetipback);
        & > a {
          margin-left: 10px;
          color: blue;
          text-decoration: underline;
        }
        p {
          margin: 5px;
        }
        & > p:nth-child(n + 6) {
          font-style: italic !important;
          font-size: 14px;
        }
      }
    }
    & > .main {
      margin-top: 20px;
      & > .all {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        & > a {
          display: block;
          margin-top: 10px;
          width: 227px;
          height: 90px;
          padding: 10px;
          background-color: var(--linetipback);
          border-radius: 10px;
          display: flex;
          img {
            width: 42px;
            height: 42px;
          }
          .right {
            margin-left: 20px;
            text-align: center;
            color: var(--linfontcolor);
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            .author {
              font-weight: 800;
            }
            .content {
              font-size: 14px;
            }
          }
        }
      }
    }
  }
`;
